<gm:page title="Objet Element Html avec img" authenticate="false">
 
  
     <!-- img (objet élément HTML)
     Référence HTML pour les éléments: voir  Élément: img
     accéder aux objets éléments HTML voir  Objets éléments HTML: 
     généralités sur l'utilisation
 
     Les éléments HTML < img> ont en tant qu'objet du modèle DOM des  
     Propriétés universelles pour l'accès des langages script ainsi que 
     leurs propres propriétés qui sont les suivantes.
 
     Propriété  État               Signification 
     align      Lecture/Ecriture   Alignement du graphique 
     alt        Lecture/Ecriture   Alternative en texte 
     border     Lecture/Ecriture   Épaisseur bordure autour du graphique 
     height     Lecture/Ecriture   Hauteur d'affichage 
     hspace     Lecture/Ecriture   Espace horizontal entre graphique et flux texte 
     isMap      Lecture/Ecriture   Graphique utilise traitement côté serveur pour surfaces composées de liens 
     longDesc   Lecture/Ecriture   URI pour un descriptif long du graphique 
     lowSrc     Lecture/Ecriture   URI d'un aperçu du graphique 
     name       Lecture/Ecriture   Nom du graphique 
     src        Lecture/Ecriture   URI du graphique 
     useMap     Lecture/Ecriture   Lien à un passage  
     map vspace Lecture/Ecriture   Espace vertical entre graphique et flux texte 
     width      Lecture/Ecriture   Largeur d'affichage
 
     L'exemple ci-dessous contient une référence de graphique pour une 
     ressource nommée "8859_1.gif". Au dessous est noté un lien. En cliquant
     sur le lien, la  fonction JavaScript "nouvelle_image()", notée dans 
     l'entête de fichier est appelée. Cette fonction demande avec 
     "document.getElementById("image").src.indexOf(...)", quelle image est 
     actuellement affichée (voir aussi  indexOf). En fonction de cela, les
     deux propriétés "src" et "title" se voient attribuer de nouvelles 
     valeurs. L'exemple obtient qu'à chaque fois que le lien est cliqué 
     une nouvelle image soit affichée.
 
     Attention:
     Dans la propriété "src" l'URI complète de l'image est sauvegardée, et
     non pas la mention relative éventuelle qui a été affectée avec 
     < img src=>. C'est pourquoi le contenu de "src" doit aussi être 
     parcouru avec une méthode de chaîne de caractères telle que "indexOf()",
     pour rechercher un nom de fichier.
 
     Dans Netscape 6.x les propriétés "hspace", "vspace" et "border" sont
     implémentées avec des erreurs. Opera 5.12 interprète également cet 
     exemple. -->
 
 
     <!-- Déclaration fonction -->
     <HEAD>
 
     <script type="text/javascript">
     <!--
     function nouvelle_image() {
      if(document.getElementById("image").src.indexOf("colline_1.jpg") > -1) {  
       document.getElementById("image").src = "./resources/coucher_soleil_2.jpg";  
       document.getElementById("image").title = "image 2";  
       return;
      }
      if(document.getElementById("image").src.indexOf("coucher_soleil_2.jpg") > -1) {  
       document.getElementById("image").src = "./resources/nenuphars_3.jpg";  
       document.getElementById("image").title = "image 3";  
       return; 
      }
      if(document.getElementById("image").src.indexOf("nenuphars_3.jpg") > -1) {  
       document.getElementById("image").src = "./resources/colline_1.jpg";  
       document.getElementById("image").title = "image 1";  
       return; 
      }
     }
     //-->
     </script>
                                  
     </HEAD>
 
     <!-- Appel fonction -->
     <BODY> 
 
     <IMG id="image" src="./resources/colline_1.jpg" width="289" height="302" alt="image 1" title="image 1"><br>
     <A href="javascript:nouvelle_image()">nouvelle image</A>
      
     </BODY>
 
</gm:page>














